<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>新增图片</title>
<link rel="stylesheet" type="text/css" href="css/common.css"/>
<link rel="stylesheet" type="text/css" href="css/works.css"/>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
// 收缩，展开
$(document).ready(function() {
	$("#nav > dd > a.collapsed + ul").slideToggle("medium");
	$("#nav > dd > a").click(function() {
		$(this).toggleClass('expanded').toggleClass('collapsed').parent().find('> ul').slideToggle('medium');
	});
});
</script>
</head>

<body>
  <div class="toper">
      <div class="toperNav">  
      	  <h1><a href="" title="一家亲"><img src="images/works/works_logo.png" alt="" /></a></h1>      
      	  <div class="itemsShow">
          	  <a href="" class="current"><span>婴幼儿</span></a>
	      	  <a href=""><span>营养</span></a>
	      	  <a href=""><span>少男少女</span></a>
          </div>
      </div>
  </div>
  <div class="navTools">
  	  <div class="layContent">
      	  <div class="layTab">
              <h3><a class="" href="">外部页面管理</a></h3>
              <h3><a class="current" href="">用户互动管理</a></h3>
              <h3><a class="" href="">内部工作管理</a></h3>
          </div>
	      <div class="layTool">
	      	  <div class="tools w145">
	              <b class="bb1"></b>
	              <b class="bb2"></b>
	              <span>
	              	<a href="">生成</a>
	                <a href="">发表</a>
	                <a href="">审核</a>
	              </span>
	              <p>文章</p>
	          </div>
	          <div class="tools w145">
	              <b class="bb1"></b>
	              <b class="bb2"></b>
	              <span>
	              	<a href="">插入</a>
	                <a href="">编辑</a>
	                <a href="">上传</a>
	              </span>
	              <p>图片</p>
	          </div>
	          <div class="tools w100">
	              <b class="bb1"></b>
	              <b class="bb2"></b>
	              <span>
	              	<a href="">生成</a>
	                <a href="">发布</a>
	              </span>
	              <p>公告</p>
	          </div>
	          <div class="tools w100">
	              <b class="bb1"></b>
	              <b class="bb2"></b>           
	              <p class="p-cate"><a href="">分类目录</a></p>
	          </div>
	          <div class="tools w145">
	              <b class="bb1"></b>
	              <b class="bb2"></b>
	              <p class="p-cate"><a href="">实体属性设置</a></p>
	          </div>
	          <!--<div class="tools w250">
	          	  <b class="bb1"></b>
	              <b class="bb2"></b>
	              <ul class="clearfix">                    
	              	  <li><a href="">外部页面管理</a></li>
	                  <li><a href="">实体收藏管理</a></li>
	                  <li><a href="">实体作业管理</a></li>
	                  <li><a href="">实体提问管理</a></li>
	              </ul>
	          </div>-->
	      </div>
      </div>
  </div>
  <div class="winBox clearfix">
      <div class="leftWin">
      	  <dl id="nav">
              <dd>
              	  <a class="collapsed heading">风景图片</a>
	              <ul class="navigation">
	                <li><a class="current" title="" href="#">风景图片01</a></li>
	                <li><a title="" href="#">风景图片02</a></li>
	                <li><a title="" href="#">风景图片03</a></li>
	              </ul>
	          </dd>
          </dl>
          <dl id="nav">
              <dd>
              	  <a class="collapsed heading">风景图片</a>
	              <ul class="navigation">
	                <li><a title="" href="#">风景图片01</a></li>
	                <li><a title="" href="#">风景图片02</a></li>
	                <li><a title="" href="#">风景图片03</a></li>
	              </ul>
	          </dd>
          </dl>
          <dl id="nav">
              <dd>
              	  <a class="collapsed heading">风景图片</a>
	              <ul class="navigation">
	                <li><a title="" href="#">风景图片01</a></li>
	                <li><a title="" href="#">风景图片02</a></li>
	                <li><a title="" href="#">风景图片03</a></li>
	              </ul>
	          </dd>
          </dl>
          <dl id="nav">
              <dd>
              	  <a class="collapsed heading">风景图片</a>
	              <ul class="navigation">
	                <li><a title="" href="#">风景图片01</a></li>
	                <li><a title="" href="#">风景图片02</a></li>
	                <li><a title="" href="#">风景图片03</a></li>
	              </ul>
	          </dd>
          </dl>
          <div class="createPage">
          	  <p>创建PAGE</p>
              <span><input type="text" class="inp01" /></span>
              <span><input type="button" class="btn_page" value="创建PAGE" /></span>
          </div>
      </div>
      <div class="middleWin">
      	  <img src="images/works/head.png" alt="" />
      </div>
      <div class="rightWin">
      	  <div class="editor01">
          	  <h3><span>当前正在编辑的页面</span></h3>
              <ul>
              	  <li class="clearfix">
                	  <label for="">名称：</label>
                      <input type="text" class="inp02" />
                  </li>
                  <li class="btn_add clearfix"><input type="button" value="新增图片" class="addPic" /></li>
              </ul>
          </div>
          <div class="editor02">
          	  <h3 class="top_line"><span>当前正在编辑的页面</span></h3>
              <ul>
              	  <li class="clearfix">
                	  <label for="">图片标题：</label>
                      <input type="text" class="inp02" />
                  </li>
                  <li class="btn_add clearfix"><input type="button" value="新增矩形" class="addPic" /></li>
              </ul>
          </div>
          <div class="editor03">
              <h3 class="top_line"><span>当前正在编辑的页面</span></h3>
          </div>
          <dl>
          	  <dd class="clearfix">
            	  <label for="">左上角_x：</label><input type="text" class="inp03" />
              	  <span class="rConner">
                  	  <label for="">右上角_x：</label><input type="text" class="inp03" />
                  </span>
              </dd>
              <dd class="clearfix">
            	  <label for="">左下角_x：</label><input type="text" class="inp03" />
                  <span class="rConner">
                  	  <label for="">右下角_x：</label><input type="text" class="inp03" />
                  </span>
              </dd>
              <dd class="clearfix">
                  <label for="">区域链接：</label>
                  <input type="text" class="inp02" />
              </dd>
              <dd class="clearfix">
                  <label for="">提示框内容：</label>
                  <textarea name="" cols="" rows=""></textarea>
              </dd>
              <dd class="btn_done clearfix">
              	  <input type="button" value="编辑完成，保存" class="donestyle" />
              </dd>
          </dl>
      </div>
  </div>
  <div class="footer m_15">家天下 @ 版权所有  2012-2020  闽 ICP89201010002</div>
  <div id="bModal" style="background-color: rgb(0, 0, 0); height: 100%; left: 0px; opacity: 0.7; position: fixed; top: 0px; width: 100%; z-index: 9998; cursor: pointer;"></div>
  <div class="winAdd">
      <h3><span>新增图片<em><a href="" title="关闭">关闭</a></em></span></h3>
      <div class="choosePic">
          <ul>
              <li><a href=""><img src="images/works/111.jpg" alt="" /></a></li>
              <li><a href=""><img src="images/works/111.jpg" alt="" /></a></li>
              <li><a href=""><img src="images/works/111.jpg" alt="" /></a></li>
              <li><a href=""><img src="images/works/111.jpg" alt="" /></a></li>
              <li><a href=""><img src="images/works/111.jpg" alt="" /></a></li>
              <li><a href=""><img src="images/works/111.jpg" alt="" /></a></li>
          </ul>
      </div>
      <div class="picPages clearfix">
          <div class="leftPages">
          	  <a href="">上一页</a>
              <a href="">下一页</a>
              <em>跳转到</em>
              <input type="text" class="goto" />
              <input type="button" class="besure" value="确定" />
          </div>
          <div class="rightupload">
          	  <em>我要</em><a href="">上传图片</a>
          </div>
      </div>
  </div>
</body>
</html>
